<template>
    <div>
        <div class="week-top">
            <cell :title="'2elected Hot Books'" :more="'MORE'"></cell>
         
        </div>
        <div class="week-content">
            <Card  v-for="  ( item , index )  in 6"    :key="item.id"   />
            <!-- <Novelmodul  v-for="  ( item , index )  in novelslist"   :novelitem="item" :key="item.id"   /> -->
            <!-- <Novelmodul/>
            <Novelmodul/>
            <Novelmodul/>
            <Novelmodul/>
            <Novelmodul/>
            <Novelmodul/>
            <Novelmodul/> -->
        </div>


    </div>
</template>

<script>
import cell from "@/components/Dreame/cell.vue";
import Card from '@/components/Dreame/cell.vue'
import Novelmodul from '../com/novelmodul.vue';
import {week} from '@/api/home'
// import weekly from '@com/com/no'
    export default {
    components: { Novelmodul },
    data() {
        return {
            novelslist : []
        }
    },
  async  created(){
    
        let result    =await week()
        console.log("week",result);
        this.novelslist =result.data.list
    },  
    methods:{
        Refresh(){
            console.log(123);
        }
    }
}
</script>

<style lang="scss" scoped>
.week-top{
    line-height: 1rem;
    margin: 0 auto;
        & span:nth-child(1){
                font-size: 0.6rem;
                color: #1f2129;
                font-weight: 500;
        }
        & span:nth-child(2){
                font-size: 0.3rem;
                color: #4b73f6;
            
                float: right;
        }
}
.week-content{
    display: flex   ;
    justify-content: space-around;
    flex-flow: wrap;
   & > div{
    vertical-align: top;
   }
 
}

</style>